<template>
  <div class="container error-wrap">
    <img class="error-img" src="@/nd/assets/img/404.png" alt="" />
    <p class="text-muted my-3">一不小心进入了未知领域……</p>
    <div class="text-center pt-5">
      <el-button type="primary" plain class="btn-long" size="large" @click="gohome">
        返回首页
      </el-button>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data: () => ({}),
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    gohome() {
      this.$router.replace('/')
    },
  },
}
</script>

<style lang="scss" scoped>
.error-wrap {
  padding: 10vh 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.error-img {
  max-width: 320px;
  opacity: 0.5;
}
</style>
